$(function () {
    // 左侧一级菜单
    $('.menu-list>li>a').on('click', function () {
        console.log("一级菜单点击");
        
        if ($(this).parent("li").hasClass("active")) {
            if($(this).parent("li").hasClass("show")){
                $(this).parent("li").removeClass("show");
            }else{
                $(this).parent("li").addClass("show");
            }
        }else{
            $(this).parent("li").addClass("active").addClass("show");
            $(this).parent("li").siblings("li").removeClass("active").removeClass("show");
        }
    })
    // 左侧二级菜单
    $(".menu-list>li>ul>li>a").on('click', function () {
        console.log("二级菜单点击");
        $(this).parent("li").addClass('active').siblings("li").removeClass("active");
    })

    // 左侧菜单展开收起
    $(".content-top .menu-btn").click(function(){
        if($(this).hasClass("close")){
            $(this).removeClass("close");
            $(".content-right").css("padding-left","200px");
            $(".content-menu").css("width","200px").removeClass("close");
        }else{
            $(this).addClass("close");
            $(".content-right").css("padding-left","40px");
            $(".content-menu").css("width","40px").addClass("close");

        }
    })

    // 弹窗
    $(".dialog .close").click(function () {
        $(this).parents(".dialog").removeClass("show");
    })
    $(".dialog .cancle").click(function () {
        $(this).parents(".dialog").removeClass("show");
    })


    // 表格全选单选
    $("thead input[type='checkbox']").click(function(){
        if($(this).prop("checked")){
            $(this).parent(".checkbox").addClass("checked");
            $(this).parents("table").find("tbody").find(".checkbox").addClass("checked").find("input[type='checkbox']").prop("checked",true);
        }else{
            $(this).parent(".checkbox").removeClass("checked");
            $(this).parents("table").find("tbody").find(".checkbox").removeClass("checked").find("input[type='checkbox']").prop("checked",false);
        }
    })
    $("tbody input[type='checkbox']").click(function(){
        if($(this).prop("checked")){
            $(this).parent(".checkbox").addClass("checked");
        }else{
            $(this).parent(".checkbox").removeClass("checked");
        }
    })


})
